<!doctype html>
<html>
<head>
    <title>1的N次幂回复通知</title>
    <meta charset="utf-8"/>
    <style type="text/css">
        .zb-panel, body, html {
            font-family: "宋体"
        }

        .zb-panel {
            border: 2px solid #bce8f1;
            box-shadow: 3px 3px 15px rgba(0, 0, 0, .5);
            border-radius: 15px;
            transition: all .3s;
        }

        .zb-panel:hover {
            transform: translateY(-2px);
            box-shadow: 3px 3px 30px rgba(0, 0, 0, .6);
            border-radius: 15px;
        }

        .zb-panel header {
            font-size: 20px;
            border-radius: 15px 15px 0 0;
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1;
            padding: 10px 15px
        }

        .zb-panel .panel-body {
            padding: 15px;
            font-size: 14px;
            font-weight: 600;
        }

        .zb-panel p {
            margin: 20px
        }

        .zb-panel a {
            color: #7b89ce;
        }

        .zb-panel a:hover {
            color: #1081e6;
            font-weight: 700;
        }

        .zb-panel font {
            font-weight: 600;
        }

        .zb-panel footer {
            margin-top: 30px;
        }

        .panel-main {
            border-radius: 10px;
            box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
            margin: 0 15px;
            padding: 15px;
        }

        .zb-panel .panel-main p,
        .zb-panel footer p {
            padding: 5px;
        }

        .zb-panel .panel-main:hover {
            box-shadow: 1px 1px 30px rgba(0, 0, 0, .2);
        }

        .zb-panel .dd {
            font-weight: bold;
            margin: 5px 0;
        }

        .zb-panel .dt {
            padding: 5px;
            padding-left: 15px;
        }

        .zb-panel .reply {
            margin-top: 15px;
        }

        .zb-panel .status {
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="zb-panel">
    <header>
        1的N次幂 对您发表的留言进行了回复：
    </header>
    <div class="panel-body">
        提示：您之所以收到这封邮件，是因为你在北京时间 2018-5-9 15:24:50 在
        【<a href='http://wwww.zhangbin.xin' title="点击进入1的N次幂的个人博客">1的N次幂</a>】
        的个人博客对
        【<a href='http://wwww.zhangbin.xin' title="java8新特性(1)">java8新特性(1)</a>】
        文章发表了评论，博主对您的评论进行了回复。
    </div>
    <div class="panel-main">
        <div class="dd">您的留言：</div>
        <div class="leave_content dt">你的网站不错哦！</div>
        <div class="dd reply">博主回复您：</div>
        <div class="reply_content dt">
            感谢您对博主的好评！您的好评是对博主研究新东西最大动力。感谢您对博主的好评！您的好评是对博主研究新东西最大动力。感谢您对博主的好评！您的好评是对博主研究新东西最大动力。感谢您对博主的好评！您的好评是对博主研究新东西最大动力。
        </div>
        <div class="dd status">审核是否通过：<span>通过</span></div>
    </div>
    <footer>
        <p>感谢您对本网站的支持，欢迎继续对本网站其他文章做出评价！ 点击进入
            <a href='http://wwww.zhangbin.xin' title="点击进入1的N次幂的个人博客">
                1的N次幂个人网站
            </a>
            首页：
            <a href='http://wwww.zhangbin.xin' title="点击进入1的N次幂的个人博客">
                http://wwww.zhangbin.xin
            </a>
        </p>
    </footer>
</div>
</body>
</html>